import React, {
  Component
} from 'react'
import {
  Flex
} from 'antd-mobile'
import RedPacketSingle from './RedPacketSingle'
import styles from './index.scss'

export default class RedPacketList extends Component {
  constructor(props) {
    super(props);
    this.state = {
      switchJ: true,
    };
  }
  render() {
    return (
      <div className={styles.root}>
        <div className={styles.header}>
          <div className={styles.left}>红包接龙</div>
          <div className={styles.right}>在线人数:<span>1856</span><i className={styles.icon_shang}></i></div>
        </div>
        <div className={styles.redPacketList}>
            <Flex wrap="wrap" justify="between">
            <RedPacketSingle />
            <RedPacketSingle />
            <RedPacketSingle />
            <RedPacketSingle />
            <RedPacketSingle />
            <RedPacketSingle />
            <RedPacketSingle />
          </Flex>
          </div>
      </div>
    )
  }
}